.orange-item-inline {
	display: flex;
	flex-wrap: wrap;
}

/* 每个组件的父元素样式 */
.orange-item {
	margin-top: 10upx;
	display: flex;
	position: relative;
}

/* 输入框丶下拉框 */
.orange-input,
.label-title {
	-webkit-appearance: none;
	background-image: none;
	border-radius: 8upx;
	border: 2upx solid #dcdfe6;
	box-sizing: border-box;
	color: #606266;
	display: inline-block;
	font-size: inherit;
	height: 86upx;
	line-height: 86upx;
	padding: 0;
	padding-left: 10upx;
	transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
}

/* 输入框标题 */
.label-title {
	padding: 0;
	margin: 0;
	margin-right: 20upx;
	white-space: nowrap;
	box-sizing: border-box;
	border: none;
}

.orange-input {
	width: 100%;
}

/* 下拉框父元素 */
.orange-select-content {
	position: relative;
	width: 100%;
	min-width: 55upx;
}

.orange-select-content .iconfont {
	position: absolute;
	right: 0.6em;
	top: 28upx;
	z-index: 9;
	color: #999999;
	font-size: 28upx;
}

.orange-select-input {
	padding-right: 2em;
}

.orange-select-content .orange-input {
	position: relative;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

/* 下拉框样式 */
.orange-select-bg {
	position: fixed;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.4);
}

.orange-select {
	position: absolute;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	background-color: #FFFFFF;
	text-align: center;
	min-height: 80upx;
	max-height: 460upx;
	z-index: 999;
	top: 110upx;
	padding-top: 5upx;
}

/* 下拉框子元素 */
.orange-select-item {
	height: 80upx;
	line-height: 80upx;
	border-radius: 4px;
	background-color: #FFFFFF;
	overflow: hidden;
	/* padding: 20upx; */
}

.selected-bg {
	background-color: #f5f7fa;
}

.orange-select::before {
	content: '';
	display: block;
	position: absolute;
	width: 24upx;
	height: 24upx;
	background-color: #FFFFFF;
	border-left: 2upx solid #dcdfe6;
	border-top: 3upx solid #dcdfe6;
	transform: rotate(45deg);
	top: -15upx;
	left: 40upx;
}

.topShowStyle::before {
	top: calc(100% - 15upx);
}

/* 多文本框样式 */
.orange-textarea {
	height: 100%;
	line-height: 40upx;
	padding-top: 10upx;
}

/* 按钮组样式 */
.orange-button {
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
	background: #fff;
	color: #606266;
	-webkit-appearance: none;
	text-align: center;
	box-sizing: border-box;
	outline: none;
	margin: 0 20upx;
	transition: .1s;
	font-weight: 500;
	border-radius: 8upx;
	padding: 20upx;
	margin-top: 20upx;
	font-size: 32upx;
	border: 2upx solid #dcdfe6;
	min-width: 5.5em;
}

.button-primary {
	color: #fff;
	background-color: #409eff;
	border: 2upx solid #409eff;
}

.button-success {
	color: #fff;
	background-color: #67c23a;
	border: 2upx solid #67c23a;
}

.button-info {
	color: #fff;
	background-color: #909399;
	border: 2upx solid #909399;
}

.button-warning {
	color: #fff;
	background-color: #e6a23c;
	border: 2upx solid #e6a23c;
}

.button-danger {
	color: #fff;
	background-color: #f56c6c;
	border: 2upx solid #f56c6c;
}

.button-primary-o {
	color: #409eff;
	border: 2upx solid #b3d8ff;
	background-color: ##ecf5ff;
}

.button-success-o {
	color: #67c23a;
	border: 2upx solid #c2e7b0;
	background-color: #f0f9eb;
}

.button-info-o {
	color: #909399;
	border: 2upx solid #d3d4d6;
	background-color: #f4f4f5;
}

.button-warning-o {
	color: #e6a23c;
	border: 2upx solid #f5dab1;
	background-color: #fdf6ec;
}

.button-danger-o {
	color: #f56c6c;
	border: 2upx solid #fbc4c4;
	background-color: #fef0f0;
}

.button-size-large {
	font-size: 38upx;
	padding: 20upx 24upx;
}

.button-size-small {
	padding: 16upx;
	font-size: 22upx;
}

.button-radius {
	border-radius: 50upx;
}
